<template>
	<view class="img-list">
		
		<image src="../../../static/上和院/顶部图.png" mode="top left" style="height: 1400rpx; width: 750rpx;"></image>
		<image src="../../../static/上和院/北龙湖.png" mode="top left" style="height: 200rpx; width: 750rpx;"></image>
		<image src="../../../static/区位/缩略图.png" mode="top left" style="height: 230px; width: 750rpx;"
			@click="toLocation">
		</image>
		<image src="../../../static/大师/缩略图.png" mode="top left" style="height: 230px; width: 750rpx;"
			@click="toMaster">
		</image>
		<image src="../../../static/建筑/缩略图.png" mode="top left" style="height: 230px; width: 750rpx;" @click="toBuild">
		</image>
		<image src="../../../static/园林/缩略图.png" mode="top left" style="height: 230px; width: 750rpx;"
			@click="toGarden">
		</image>
		<image src="../../../static/文化/缩略图.png" mode="top left" style="height: 230px; width: 750rpx;"
			@click="toCulture">
		</image>
		<image src="../../../static/对话/缩略图.png" mode="top left" style="height: 230px; width: 750rpx;"
			@click="toTalk">
		</image>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				toMaster() {
					uni.navigateTo({
						url: '../introduce/master/master'
					})
				},
				toTalk() {
					uni.navigateTo({
						url: '../introduce/talk/talk'
					})
				},
				toLocation() {
					uni.navigateTo({
						url: '../introduce/location/location'
					})
				},
				toBuild() {
					uni.navigateTo({
						url: '../introduce/build/build'
					})
				},
				toGarden() {
					uni.navigateTo({
						url: '../introduce/garden/garden'
					})
				},
				toCulture() {
					uni.navigateTo({
						url: '../introduce/culture/culture'
					})
				}
			}
		},
		methods: {

		}
	}
</script>

<style>
	.img-list {
		display: flex;
		flex-direction: column;
	}
</style>
